<%-- 整合包管理 --%>
<%@ page contentType="text/html;charset=UTF-8" language="java" pageEncoding="UTF-8" %>
<% response.setHeader("Content-Type", "text/html; charset=UTF-8"); %>
<% request.setCharacterEncoding("UTF-8"); %>
<% response.setCharacterEncoding("UTF-8"); %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!--java代码获取系统上下文路径-->
<%String path=request.getContextPath();%>
<%--JSTL获取系统上下文路径：--%>
<c:set var="ctx" value="${pageContext.request.contextPath}"></c:set>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>整合包管理</title>
    <script src="${ctx}/js/util.js"></script>
    <!-- 图标字体库 -->
    <style>@import url('https://cdn.jsdelivr.net/npm/font-awesome@4.7.0/css/font-awesome.min.css');</style>
    <!-- jquery-ui库 -->
    <link rel="stylesheet" href="${ctx}/lib/jquery-ui-1.14.1/jquery-ui.css">
    <script src="${ctx}/lib/jquery-ui-1.14.1/jquery-ui.min.js"></script>
    <!--导入js文件-->
    <script src="${ctx}/js/jquery-3.7.1.js"></script>
    <!--引入外部样式-->
    <link href="${ctx}/css/admin.css" rel="stylesheet">
    <!--引入外部样式-->
    <link href="${ctx}css/NangmentCSS.css" rel="stylesheet">
    <link href="${ctx}/css/management.css" rel="stylesheet">
    <!--引入底部样式-->
    <link rel="stylesheet" href="${ctx}/css/bottomPage.css"/>
</head>
<body>
<!-- 导航栏 -->                                                                                         
<nav id="navigationBar">
    <div class="nav-container">
        <%@ include file="../../pubicPage/AdminHead.jsp"%>
    </div>
</nav>
<!-- MOD搜索和筛选 -->
<section class="search">
    <h1><span class="text-accent">MOD</span>特性<span class="text-Warning">警告</span>管理</h1>
    <div class="search-container">
        <h2>查找<span class="text-accent">MOD</span></h2>
        <div class="search-form">
            <div class="search-input">
                <input id="search" placeholder="搜索MOD名称、作者或描述..." type="text">
                <i class="fa fa-search"></i>
            </div>
            <div class="search-filters">
                <select>
                    <option>所有版本</option>
                    <option>1.19.x</option>
                    <option>1.18.x</option>
                    <option>1.17.x</option>
                    <option>1.16.x</option>
                </select>
                <select>
                    <option>所有类别</option>
                    <option>科技MOD</option>
                    <option>魔法MOD</option>
                    <option>建筑MOD</option>
                    <option>冒险MOD</option>
                </select>
                <select>
                    <option>下载量排序</option>
                    <option>最新更新</option>
                    <option>最多下载</option>
                    <option>评分最高</option>
                    <option>字母排序</option>
                </select>
                <button onclick="searchWarnings()">
                    <i class="fa fa-filter mr-2"></i> 筛选
                </button>
                <button>
                    <i class="fa mr-2">添加新警告</i>
                </button>
            </div>
        </div>
    </div>
</section>
<!-- 用户列表 -->
<section class="mod-list">
    <div class="container">
        <table id="warningTable">
            <thead>
            <tr>
                <th>序号</th>
                <th>收录日期</th>
                <th>点赞数</th>
                <th>收藏数</th>
                <th>总预览量</th>
                <th>操作</th>
            </tr>
            </thead>
            <tbody>
            </tbody>
        </table>
    </div>
</section>
    <!-- 关于我们 -->
    <section class="about" id="about">
        <%@ include file="../../pubicPage/bottomPage.jsp"%>
    </section>
</body>
</html>